<!--
 * @Author: your name
 * @Date: 2021-04-06 16:21:56
 * @LastEditTime: 2021-04-06 17:50:19
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /fytsoa_3.1/admin/src/views/sys/file/manager.vue
-->
<template>
  <el-drawer
    ref="mdrawer"
    size="68%"
    title=""
    class="fdrawer"
    :with-header="false"
    :append-to-body="true"
    :visible.sync="drawer"
    :direction="direction"
    :show-close="false"
    :before-close="handleClose"
  >
    <div class="drawer-fileManager">
      <file ref="file" @complete="onComplete"></file>
    </div>
  </el-drawer>
</template>

<script>
  import file from './index'
  export default {
    name: 'Manager',
    components: {
      file,
    },
    data() {
      return {
        drawer: false,
        direction: 'rtl',
      }
    },
    methods: {
      handleOpen() {
        this.drawer = true
      },
      handleClose(done) {
        done()
      },
      onComplete(m) {
        this.$emit('complete', m)
        this.$refs.mdrawer.closeDrawer()
        //this.drawer = false
      },
    },
  }
</script>
<style>
  .fdrawer {
    z-index: 2012 !important;
  }
  .drawer-fileManager {
    padding: 15px;
  }
</style>
